.topImg{
  height: 550rpx;
  position: fixed;
  top: 0;
  left: 0;
  
  // background-color: aquamarine;
  width: 100%;
  .box{
    image{
      width: 100%;
      z-index: -2;
    }
  }
  .card{
    padding: 20rpx;
    width: 90%;
    height: 250rpx;
    background-color: #fff;
    margin: 0 auto;
    margin-top: -190rpx;
    border-radius: 20rpx;
  }
}

.sidebar{
  position: absolute;
  top: 300px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  z-index: 130;
}

page{ width: 100%; height: 100%;}
.cont{ display: flex; width:100%; height: 100%;}
.cont .swiper_cont{ flex: 1 1 0; height: 100%; overflow: hidden;}
.cont .swiper_cont swiper-item{ background-color: #FFAEC9;}
.cont .swiper_cont swiper-item:nth-child(2n){ background-color: #99D9EA;}
.cont .lf{width:165rpx;overflow:auto;font-size:28px;background:#EAECF1;-webkit-overflow-scrolling: touch}
.cont .lf .item{line-height:79rpx;text-align: center;color:#666;font-weight:normal;position:relative;font-size: 28rpx;}
.cont .lf .item.active{color:#000!important;background:#fff;font-weight:bold}
.cont .rf{flex:1 1 0; color: #fff; text-align: center; line-height: 180rpx; overflow:auto; -webkit-overflow-scrolling: touch}
.contline{width:5rpx;height:29rpx;background:#FF3742;position:absolute;left:0;top:25rpx;z-index:9;transition:all .8s}
.cont .lf .item.scroll-left-active {
  color: #000!important;
  background: #fff;
  font-weight: bold;
}
